<!DOCTYPE html>
<html id="video">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Angle - Bootstrap Admin Template</title>

    <!-- =============== VENDOR STYLES ===============-->

    <!-- FONT AWESOME-->
    <link rel="stylesheet" href="./public/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="./public/simple-line/css/simple-line-icons.css">


    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="./public/bootstrap/css/bootstrap.min.css">

    <!-- Font Awesome -->

    <link rel="stylesheet" href="./public/css/main.app.css">


    <script src="./public/javascripts/jquery-2.1.4.min.js"></script>

</head>

    <body>

        <!-- wrapper -->
        <div class="wrapper">

            <header class="topnavbar-wrapper">
                <!-- START Top Navbar-->
                <nav class="topnavbar">
                    <!-- logo -->
                    <a href="#" class="logo relative">
                        <img class="relative" src="./public/images/logo.png"/>
                    </a>
                    <!-- logo -->

                    <!-- START Right Navbar-->
                    <ul class="nav navbar-nav navbar-right">

                        <li>
                            <a href="#">
                                <i class="icon-magnifier"></i>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa fa-download"></i>
                            </a>
                        </li>
                        <li>
                            <a href="#user-block" id="user-block-toggle">
                                <i class="icon-user"></i>
                            </a>
                        </li>

                    </ul>
                    <!-- END Right Navbar-->
                </nav>
                <!-- END Top Navbar-->
            </header>


            <!-- START banner-->
            <section>
                <div class="content-wrapper">
                    <div class="banner">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="./public/images/banner.jpg"/>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </section>
            <!-- END banner-->


            <!-- START recomend-->
            <section>
                <div class="content-wrapper recomend container bottom-bottom">
                    <h4 class="content-title">
                        酷刻热荐
                    </h4>

                    <div class="row" id="indexList">
                        <div class="col-lg-6 col-sm-6 col-xs-6">
                            <div class="full-content relative">
                                <div class="recomend-pic relative">
                                    <img src="./public/images/pic.png"/>
                                    <span class="absolute score">8.5</span>
                                </div>
                                <div class="recomend-name">
                                    马特达蒙再次回归
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>
            <!-- END recomend-->

            <!-- START choiceness-->
            <section>
                <div class="content-wrapper choiceness container">
                    <h4 class="content-title">
                        大片精选
                    </h4>

                    <div class="row" id="SelectedList">
                        <div class="col-lg-4 col-sm-4 col-xs-4">
                            <div class="full-content relative">
                                <div class="choiceness-pic relative">
                                    <img src="./public/images/pic-a.png"/>
                                    <span class="absolute score">8.5</span>
                                </div>
                                <div class="recomend-name">
                                    阿罗哈
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>
            <!-- END choiceness-->


            <!-- START choiceness-->
            <section>
                <div class="content-wrapper choiceness container bottom-bottom">
                    <h4 class="content-title">
                        2016十大动作片
                    </h4>

                    <div class="row" id="ActionList">
                        <div class="col-lg-4 col-sm-4 col-xs-4">
                            <div class="full-content relative">
                                <div class="choiceness-pic relative">
                                    <img src="./public/images/pic-a.png"/>
                                    <span class="absolute score">8.5</span>
                                </div>
                                <div class="recomend-name">
                                    阿罗哈
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>
            <!-- END choiceness-->



        </div>
        <!-- END wrapper -->


    </body>


<!-- /script -->

<script src="./public/data/customer.js"></script>
<script src="./public/data/data.js"></script>
<script src="./public/data/listData.js"></script>

<script> init(); getIndexList() </script>

<!-- /script -->

</html>
